// .logo{
//     background: url('../assets/logo.png');
//     border:10px solid red;
// }
html,
body {
  height: '100%';
  // overflow: scroll;
}
.container {
  width: 1200px;
  margin: 0 auto;
  height: 100%;
  :global{
    .ant-layout-sider{
        border: 1px solid red;
    }
  }
}
:global{
  #root{
    // background: #ccc;
  }
    #front,#back{
      width:290px;
      height:200px;
      position: absolute;
      top: 0;
      left: 0;
      transition-property: transform;
      transition-duration: 2s;
      backface-visibility: hidden;
    }
    #back{
      transform:rotateY(180deg)
    }
    .ant-menu{
      // border:1px solid #e8e8e8;
    }
    .ant-menu-submenu{
      border:1px solid #e8e8e8;
    }
    .ant-menu-inline{
      border-right: 0;
      border-left:1px solid #e8e8e8;
      background: #e8e8e8;
    }

    // 滚动条整体宽度
// ::-webkit-scrollbar {
//   width: 8px;
// }
// // 滚动条滑槽样式
// ::-webkit-scrollbar-track {
//   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
//   border-radius: 8px;
// }
// // 滚动条样式
// ::-webkit-scrollbar-thumb {
//   border-radius: 8px;
//   background: #ddd;
//   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
// }
// ::-webkit-scrollbar-thumb:hover{
//   background: #ccc;
// }
// ::-webkit-scrollbar-thumb:active{
//   background: #999;
// }
// 浏览器失焦的样式
// ::-webkit-scrollbar-thumb:window-inactive {
//   background: rgba(255,0,0,0.4);
// }
}